<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4610055_oxgbpu0jcob.css">
    <link href="framework/reset.css" rel="stylesheet">
    <link href="css/details.css" rel="stylesheet">
    <title>商品详情页</title>
</head>
<body>
<div class="wrapper">
    <img src="img/sp01详情页.png" onclick="location.href='index.html'">
   <div class="info">
       <div class="info-left">
           <div class="iconfont icon-xiajiang"></div>
           <p>大促价&#165;</p>
           <span class="larger"></span><span class="larger">13</span><span class="smaller">.86起</span>
           <p1>&nbsp;&nbsp;&nbsp;90天低价</p1>
       </div>
       <div class="info-right">
           <p>即将售罄|已拼6167件</p>
       </div>
   </div>
    <div class="discount">
        <div class="discount-left">2件9.9折</div>
        <div class="iconfont icon-xiangyoujiantou"></div>
    </div>
    <div class="pay">
        <p class="iconfont icon-jisufu_xianyonghoufulogo" style="color: green">先用后付|支持0元下单，确认收货后再付款</p>
    </div>
    <div class="details">
        <p>绿色刷花龙玩偶毛绒玩具牛油果背包恐龙公仔睡觉抱枕娃娃生日礼物</p>
        <p1>退货包运费</p1>
    </div>
    <div class="details1">
        <p1>好评率超98%同款</p1>
        <p2>回头客264人</p2>
        <p3>1.1万人收藏</p3>
    </div>
    <div class="yipin">
        <p>这些人已拼,<span style="color: red">参与可立即拼成</span></p>
        <img src="img/拼单.png">
    </div>
    <div class="after-sales">
        <li>
            <p><span class="iconfont icon-fahuo-" style="color: #38CA73 ">预计17小时内发货</span>&nbsp;&#124;&nbsp;承诺48小时内发货，超时必赔</p>
            <p1 class="iconfont icon-xiangyoujiantou"></p1>
        </li>
        <li class="last">
            <p>退货包运费&#8226;全场包邮&#8226;7天无理由退货&#8226;极速退款</p>
            <p1 class="iconfont icon-xiangyoujiantou"></p1>
        </li>
        <br><br><br>
    </div>
    <ul class="footer">
        <li>
            <i class="iconfont icon-dianpu"></i>
            <p>店铺</p>
        </li>
        <li>
            <i class="iconfont icon-aixin"></i>
            <p>收藏</p>
        </li>
        <li>
            <i class="iconfont icon-xiaoxi"></i>
            <p>客服</p>
        </li>
        <li class="last" onclick="location.href='orderList.html'">
            <img src="img/免拼.png">
        </li>
    </ul>
</div>
</body>
</html>